@charset "utf-8";

#web {
    width: 100%;
    height: 100%;
    .top {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #f0eeef;
        .top_login {
            width: 1330px;
            height: 40px;
            margin: 0 auto;
            .t_lef {
                a {
                    color: #707070;
                    font-size: 14px;
                    padding-left: 16px;
                    padding-right: 16px;
                }a:hover{
                    color: red;
                }
            }
            .t_rig {
                a {
                    color: #707070;
                    padding-left: 35px;
                    padding-right: 35px;
                    font-size: 14px;
                    b {
                        color: red;
                    }
                }
                a:hover{
                    color: red;
                }
            }
        }
    }
    .search {
        width: 1330px;
        height: 170px;
        margin: 0 auto;
        background: #fff;
        .logo {
            width: 86px;
            padding: 26px 0 0 16px;
        }
        .search_inp {
            width: 847px;
            height: 44px;
            border: 1px solid #252b38;
            border-radius: 12px;
            position: relative;
            margin-top: -76px;
            margin-right: 203px;
            .for {
                height: 42px;
                .inp_1 {
                    width: 770px;
                    height: 43px;
                    border: none;
                    position: absolute;
                    top: 0px;
                    left: 10px;
                }
                .inp_2 {
                    width: 69px;
                    height: 45px;
                    position: absolute;
                    right: -1px;
                    top: -1px;
                }
            }
            span {
                display: inline-block;
                margin-top: 12px;
                color: #707070;
                a {
                    padding-left: 6px;
                    padding-right: 6px;
                    color: #707070;
                }
            }
        }
    }
    nav {
        width: 100%;
        height: 44px;
        background: #252b38;
        ul {
            width: 1330px;
            margin: 0 auto;
            
            li {
                width: 90px;
                height: 44px;
                float: left;
                text-align: center;
                padding-left: 18px;
                padding-right: 22px;
                position: relative;
                overflow: hidden;
                span{
                    position: absolute;
                    left: 0;
                    width: 90px;
                }
                a {
                    font-size: 16px;
                    line-height: 44px;
                    color: white;
                    display: block;
                    position: relative;
                    width: 90px;
                    height: 44px;
                }
            }
        }
    }
    .di_bu {
        width: 100%;
        height: 358px;
        background: white;
        border-top: 2px solid #cccccc;
        .di_bu_main {
            width: 1330px;
            height: 357px;
            margin: 0 auto;
            .ul {
                width: 1330px;
                height: 135px;
                border-bottom: 1px solid #cccccc;
                li {
                    float: left;
                    margin-top: 42px;
                    img {
                        vertical-align: middle;
                        display: inline-block;
                    }
                    img:last-child {
                        margin-right: 64px;
                    }
                    .di_bu_a {
                        width: 139px;
                        margin-left: 16px;
                        padding-right: 63px;
                        span {
                            a {
                                font-size: 18px;
                                color: #313131;
                            }
                        }
                        span:last-child {
                            a {
                                font-size: 16px;
                                color: #707070;
                            }
                            a:hover{
                                color: #ffb787;
                            }
                        }
                    }
                }
                li:first-child {
                    padding-left: 63px;
                }
            }
            .di_bu_nav {
                width: 1210px;
                height: 220px;
                //          background: skyblue;
                margin: 0 auto;
                li {
                    float: left;
                    padding-right: 197px;
                    margin-top: 28px;
                    a {
                        color: #535353;
                        font-weight: bold;
                    }
                    span {
                        a {
                            font-size: 12px;
                            color: #878787;
                        }
                        a:hover{
                            color: #ffb787;
                        }
                    }
                }
                li:nth-last-child(2) {
                    padding-right: 160px;
                }
                li:last-child {
                    padding-right: 0px;
                    font-size: 14px;
                    color: #878787;
                    img {
                        padding-top: 17px;
                        padding-left: 5px;
                    }
                }
            }
        }
    }
    footer {
        width: 100%;
        height: 50px;
        background: #252b38;
        .foot {
            width: 1330px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 50px;
            color: white;
            span {
                padding-left: 16px;
                padding-right: 16px;
            }
            a {
                padding-left: 18px;
                padding-right: 18px;
                color: white;
            }
        }
    }
}
nav .over{
    color: black;
    background: white;
    top: -48px;
}
nav .out{
    color: #999999;
}